@charset "UTF-8";
/* CSS Document */
/* #container {
	width: 800px;
}

span.ABERTA {
	color: lightgreen;
}
span.FECHADA {
	color: red;
}

a {
	color: navy;
}

#ajax-loading {
	float: right;
	margin-right: 20px;
}

input, label, select, textarea {
	display: block;
	text-align: left;
	width: 300px;
	color: #444;
}

input.texto-longo {
	width:600px;
}

td label {
	display: inline;
}

textarea {
	width: auto;
}

input, select, textarea {
	padding: 5px 8px;
    height: 32px;
    font-size: 28px;
    font-size: 16px;
}

input[disabled] {
	background-color: #ddd;
}

input[type="radio"] {
	width: auto;
	display: inline;
	padding: 0;
}

.resultado_busca a {
	color: navy;
}

.resultado_busca input[type="text"] {
	display: inline;
	text-align: left;
	width: 25px;
	padding: 0;
	font-size: 12px;
	height: 12px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.resultado_busca input[type="submit"] {
	border: 1px solid #ccc;
	font-size: 12px;
	padding: 0;
	margin-left: 3px;
	color: #444;
	width: auto;
	display: inline;
}
.resultado_busca input[type="button"] {
	border: 1px solid #ccc;
	font-size: 12px;
	padding: 0;
	margin-left: 3px;
	color: #444;
	width: auto;
	display: inline;
}

.pesquisa_de_produto {
	padding: 10px 0 10px 0;
}

.pesquisa_de_produto input[type="text"] {
	width: 640px;
	padding: 5px 8px;
	margin-right: 10px;
    height: 36px;
    font-size: 28px;
    display: inline;
}

login page
#login input[type="text"] {
	padding: 5px 8px;
    height: 32px;
    font-size: 28px;
}
#login input[type="password"] {
	padding: 5px 8px;
    height: 32px;
	font-size: 70px;
}
.lado_a_lado {
	position: relative;
	float: left;
	padding-right: 18px;
}
#submit {
	border: 1px solid #ccc;
	font-size: 20px;
	padding: 4px;
	color: #444;
}
input[type="submit"] {
	border: 1px solid #ccc;
	font-size: 20px;
	padding: 4px;
	color: #444;
	width: auto;
	display: inline;
}
input[type="button"] {
	border: 1px solid #ccc;
	font-size: 20px;
	padding: 4px;
	color: #444;
	width: auto;
	display: inline;
}

fieldset {
	width: 320px;
	margin: 15px auto 0;
	border:1px solid #a29bc0;
	padding: 10px;
}

fieldset.confirma-senha {
	background-color: #ddd;
	margin-left: 0;
	margin-bottom: 15px;
}

fieldset.issue-descricao {
	background-color: #ddd;
	margin-left: 0;
	margin-bottom: 15px;
	width: 95%;
	border: 0;
	color: gray;
}
fieldset.issue-comentario {
	margin-left: 0;
	margin-bottom: 15px;
	width: 95%;
	color: gray;
}
fieldset.issue-comentario legend {
	color: black;
}

code *, pre * {
	font-family: monospace;
}

*{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}

#header {
	height: 100px;
	background-color: navy;
}
#carrinho {
	text-align: left;
	height: 80px;
	background-color: #dcdee0;
	width: 300px;
	margin: 10px;
	float: right;
	border: 1px solid gray;
	-moz-border-radius: 10px;
} *//*

#carrinho h3 a {
	color: navy;
}
#carrinho h3 {
	margin: 10px;
}
#carrinho span {
	margin: 10px;	
}
#carrinho ul {
	list-style: none;
	padding-left: 10px;
}
#carrinho li {
	float: left;
	margin-right: 20px;	
}

.carrinho_vazio {
	text-align: center;
}

.carrinho_vazio a {
	color: navy;
}

body{
	background-color:#2a2948; 
	text-align:center;}

h1 {
	width: 800px;
	margin: 0 auto 20px;
	text-align: left;
	border-bottom: 1px black solid;
}

.coluna_branca {
	background-color: white;
}

.coluna_total {
	text-align: right;
	padding-right: 5px;
}

table {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border: 1px white solid;	
}

table thead {
	background-color: #2a2948;
	color: white;
	font-weight: bold;
}

table thead td {
	padding-left: 10px;	
}

table tfoot {
	background-color: #2a2948;
	color: white;
	font-weight: bold;
}

table tfoot td {
	padding-left: 10px;	
}

table tbody td a:hover {
	background: yellow;
}

table tbody td {
	text-align: left;
	padding-left: 5px;
} 

table tbody td.a_direita {
	text-align: right;
	padding-right: 5px;
}

table tbody td.centralizado {
	text-align: center;
	padding-left: 0px;
}

table tbody tr.even {
	background-color: #a29bc0;
}
 errors and notice 

.errors {
	background-color: red;
	color: white;
	list-style: none;
	text-align: center;
}
.errors li {
	width: 750px;
	color: white;
	text-align: center;
	list-style: none;
	margin: 0 auto;
}

.notice {
	background-color: yellow;
	text-align: center;
	list-style: none;
}
.notice p {
	margin: 0 auto;
	width: 750px;
}
.notice li {
	list-style: none;
	margin: 0 auto;
	width: 750px;
}

#userInfo {
	background: #2a2948;
	position: absolute;
	z-index: 99999;
	top: 0;
	right: 0;
	padding: 2px 10px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#userInfo p {
	text-align: right;
	color: white;
	padding: 3px;
}
#userInfo a {
	color: white;	
}
#userInfo a:hover {
	color: yellow;	
}
language bar
		#langMenu{
			display:block;
			width:221px;
			height:50px;
			position:relative;
			float:right;
			margin:0px;}

			#langMenu li { list-style:none; }

			#langMenu li, #langMenu a{ height:50px; display:block;}

			#langMenu li a span{display:none;}

			#engBtn{
				background-image:url(../resources/img/vraptorSprites-trans.png);
				background-repeat:no-repeat;
				background-position:-317px 1px;
				position:absolute;
				top:0;
				width:96px;
				left:0px;} 

				a#engBtn:hover{background-position:-317px -50px;}

			#ptBtn{
				background-image:url(../resources/img/vraptorSprites-trans.png);
				background-repeat:no-repeat;
				background-position:-414px 1px;
				position:absolute;
				top:0;				
				width:127px;
				right:0px;}

				a#ptBtn:hover{background-position:-414px -50px;}

 menu 
#menuWrap input, #menuWrap button {
	display: inline;
	border: 1px solid black;
	padding: 2px;
	-moz-border-radius: 5px;
}
#menuWrap input {
	width: 15em;
	color: #ababab;
}
#menuWrap input:focus {
	color: black ;
}
#menuWrap {
	display:block;
	width:100%;
	height:59;
	position:relative;
	overflow:hidden;
	background-image:url(../resources/img/bgHeader.png);
	background-position:0px -100px;
	background-repeat:repeat-x;}

	#menuElements, #menuElementsEn{
		display:block;
		width:850px;
		height:59px;
		position:relative;
		margin:0px auto;
		text-align:left;}

		#menuElements li, #menuElementsEn li {list-style:none;}

		#menuElements li, #menuElements a{
			height:59px; 
			display:block;
			position:absolute;
			top:0px;}

		#menuElementsEn li {
			float: left;
			margin: 16px 5px;
		}
		#menuElementsEn li a:hover {
			color: #2a2948;
			background-color: #a29bc0;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			-opera-border-radius: 5px;
			border-radius: 5px;
		}
		#menuElementsEn li a {
			font-size: 12pt;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			position:relative;
			padding: 5px 15px;
			color: white;
			top: auto;
		}

header structure
#headerWrap{
	background-image:url(../resources/img/bgHeader.png);
	background-position:left top;
	background-repeat:repeat;
	background-color:#0CF;
	display:block; 
	width:100%;
	height:100px;
	position:relative;}

	#headerContent{
		width:918px;
		display:block;
		height:100%;
		position:relative;
		margin:0px auto;}

		#logoVraptor {
			display:block;
			width:302px;
			height:92px;
			background-image:url(../resources/img/vraptorSprites-trans.png);
			background-position:-6px 0px;
			background-repeat:no-repeat;
			position:absolute;
			border:none;
			left:0px;
			top:0px;}

			#logoVraptor span {display:none;}

menus like langbar and menuelements menu.css

banner css configuration
#bannerWrap{
	background-image:url(../resources/img/bgHeader.png);
	background-position:0 -158px;
	background-repeat:repeat;
	display:block; 
	width:100%;
	height:302px;
	position:relative;}	

	#banner{
		width:918px;	
		height:auto;
		margin:0px auto;	
		display:block;	
		height:auto;	
		text-align:left;}

		#banner #floatBoxBanner {display:block; float:right; position:relative; height:auto; width:650px;}

		 #banner #floatBoxBanner h1{
			font-size:30px;
			margin-top:45px;
			margin-bottom:35px;
			color:#FFF;
			text-transform:uppercase;
		}

		 #banner #floatBoxBanner #downloadBtn2{
			background-image:url(../resources/img/vraptorSprites-trans.png);
			background-repeat:no-repeat;
			background-position:-767px -56px;
			margin-top:15px;
			display:block;
			width:238px;
			height:54px;
			float:right;}
			#banner #downloadBtn2 span{display:none;}

		#banner #floatBoxBanner p{color:#FFF; float:right; padding-top:35px; padding-right:10px; text-transform:uppercase; font-size:10px;}
			#banner #floatBoxBanner p a {color:#FFF; font-size: 11pt; margin-right: 10px;}
			#banner #floatBoxBanner p a:hover{color:#FF0;}

		#banner #floatBoxBanner ul {color:#FFF; font-size:16px; list-style-type:none; width:450px;}
		 #banner #floatBoxBanner ul li {
			padding:4px 0px 4px 25px;
			background-image:url(../resources/img/yellowArrow-trans.png);
			background-repeat:no-repeat;
			background-position:2px 5px;}

		 #banner #floatBoxBanner #openSourceIcon {
			position:absolute; 
			top:120px;
			right:60px;}


content css
#contentWrap{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	overflow:auto;
	padding: 20px 0;
	background-color:#FFF;
	background-image:url(../resources/img/bgHeader.png);
	background-position:0px -461px;
	background-repeat:repeat-x;}

footer css
#footerWrap{
	display:block; 
	width:100%;
	position:relative;}

	#footerContent{
		width:918px;
		display:block;
		height:100%;
		position:relative;
		margin:10px auto;
		overflow:hidden;
		position:relative;}

		#footerContent div#suporteFooter, #footerContent div#consultoriaFooter, #footerContent div#treinamentoFooter{
			width:280px; 
			display:block; 
			float:left; 
			text-align:justify;
			padding:10px 12px 20px 12px;}


			div#consultoriaFooter {
				margin:0px;espacamento entre as colunas
				border-left:solid 1px #FFF;
				border-right:solid 1px #fff;
			}

		#footerContent div#suporteFooter h3 a, #footerContent div#consultoriaFooter h3 a, #footerContent div#treinamentoFooter h3 a{
			color:#fffc01;
			font-size:18px;
			font-weight:normal;
			padding-bottom:15px;
			padding-left:25px;
			background-image:url(../resources/img/yellowArrow-trans.png);
			background-repeat:no-repeat;
			background-position:2px 2px;
			text-decoration:none;
			cursor:pointer;
			display:block;}

		#footerContent div#suporteFooter p a, #footerContent div#consultoriaFooter p a, #footerContent div#treinamentoFooter p a{
			color:#f0f0f0;
			font-size:14px;
			font-weight:normal;
			padding-left:25px;
			padding-right:20px;
			text-decoration:none;
			display:block;
			cursor:pointer;}

			div#footerContent a.moreIcon{
				background-image:url(../resources/img/vraptorSprites-trans.png);
				background-repeat:no-repeat;
				background-position: -958px 0px;
				height:26px;
				width:18px;
				display:block;
				float:right;}

				div#footerContent a.moreIcon:hover{background-position:-977px 0px;}

				a.moreIcon span {display:none;}

		#footerContent div.footbar{
			width:918px;
			height:100px;
			display:block; 
			position:relative;
			overflow:hidden;
			float:left;
			color:#CCC;
			text-transform:uppercase;
			padding-top:5px;
			margin-top:10px;}

			div.footbar img.logoFooter{float:right;}
			div.footbar a:hover{color:#FF0; text-decoration:underline;}			
			div.footbar ul {display:block; float:left; margin:5px 0px 5px 20px;}
			div.footbar ul li{ display:block; float:left; text-decoration:none; font-size:10px; font-weight:bold; margin:0px 2px 0px 0px;}
			div.footbar ul li a{color:#FFF; text-decoration:none; font-weight:normal;}
			div.footbar p{text-align:center; font-size:11px; padding:5px 20px; display:block; color:#576296; border-top:solid 1px #576296;}
			div.footbar p a{color:#aaafc6; text-decoration:none;}

*/#signature { background-image:url(../resources/img/ldl-trans.png); background-repeat:no-repeat; background-position:left top; position:absolute; display:block; bottom:0px; left:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#FFF; padding:5px 0px 15px 30px; text-decoration:none;}
a#signature:hover{color:#C90;}